<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .box {
            width: 100%;
            height: 700px;

        }

        .box-1 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background: url(./beijing.png) no-repeat center/cover;
        }

        .box-dr {
            text-align: center;
            /* padding-top: 20px; */
            border: 2px solid skyblue;
            width: 400px;
            height: 300px;
            font-size: 20px;
            color: rgb(233, 233, 233);
        }

        .fhdr,
        .zc {
            margin: 10px 20px;
            width: 90px;
            height: 50px;
            border-radius: 15px;
            font-size: 20px;
            color: black
        }
    </style>
</head>

<body>
    <div class="box">
        <div class="box-1">
            <div class="box-dr">

                用户名: <input type="text" id="username"><br>
                手机号:<input type="text" id="phone"><br>
                密&nbsp;&nbsp;&nbsp;码:<input type="password" id="password"><br>
                身份证: <input type="text" id="idCode"><br>
                邮&nbsp;&nbsp;&nbsp;箱: <input type="email" id="email"><br>
                性&nbsp;&nbsp;&nbsp;别: <input type="sex" id="sex"><br>
                <button class="zc">注册</button><button class="fhdr">返回登入</button><br>
            </div>
        </div>
    </div>
    <script src="./jquery-3.7.1(2).js"></script>
    <script>
        $(".zc").click(function () {
            // alert("登入")
            $.ajax({
                url: "http://172.16.106.87:8080/UserEnroll",
                type: "get",
                data: {
                    phone: $("#phone").val(),
                    password: $("#passwod").val(),
                    username: $("#username").val(),
                    password: $("#password").val(),
                    idCode: $("#idCode").val(),
                    email: $("#email").val(),
                    sex: $("#sex").val()
                },
                success(itms) {
                    console.log(itms);

                }
            })
        })
        $(".fhdr").click(function () {
            location.href = "001.html"
        })
    </script>
</body>

</html>